// 注册页面的逻辑

// 0. 获取元素
const form = document.querySelector('form')
const nameInp = document.querySelector('.username')
const pwdInp = document.querySelector('.password')
const rpwdInp = document.querySelector('.rpassword')
const nickInp = document.querySelector('.nickname')
const errBox = document.querySelector('.error')


// 1. 给 form 添加表单提交事件
form.addEventListener('submit', e => {
  e = e || window.event
  try { e.preventDefault() } catch (err) { e.returnValue = false }

  // 2. 拿到你填写的所有内容
  const info = {
    username: nameInp.value,
    password: pwdInp.value,
    rpassword: rpwdInp.value,
    nickname: nickInp.value
  }

  // 3. 非空验证
  // 遍历
//   console.log(info)
//   return
  for (let key in info) {
    if (!info[key]) return alert('请完整填写表单')
  }
  // 3-2. 验证 密码 和 重复密码 一致
  if (info.password !== info.rpassword) return alert('两次密码不一致')

  // 4. 发送请求
  // 使用我们封装好的 ajax 方法来发送
  // 需要传递参数, 'username=Jack&password=123465&rpassword=123456&nickname=asdasda'
  ajax({
    url: '../../server/reg.php',
    method: 'POST',
    data: querystringify(info),
    dataType: 'json',
    success: function (res) {
      // 5. 根据结果进行不同的操作
      if (res.code==2 ) {
        errBox.classList.add('active')
        return
      }else if(res.code==0){
        window.alert("注册失败,请联系管理员")
      }
      console.log(res)
      // 代码到这里说明注册成功了
      window.alert('注册成功, 点击确定跳转到登录页')
      window.location.href = './login.html'
    }
  })
})



